<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>None</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="27107230f7fb49a6ae6b42fde25c3029" style="width:600px; height:600px;"></div>
    <script>
        var chart_27107230f7fb49a6ae6b42fde25c3029 = echarts.init(
            document.getElementById('27107230f7fb49a6ae6b42fde25c3029'), 'light', {renderer: 'None'});
        var option_27107230f7fb49a6ae6b42fde25c3029 = {
    "baseOption": {
        "series": [
            {
                "type": "bar",
                "name": "GDP",
                "data": [
                    70,
                    60,
                    60
                ],
                "barCategoryGap": "20%",
                "label": {
                    "show": true,
                    "position": "right",
                    "margin": 8
                }
            }
        ],
        "timeline": {
            "axisType": "category",
            "orient": "horizontal",
            "autoPlay": true,
            "loop": true,
            "rewind": false,
            "show": true,
            "inverse": false,
            "playInterval": 1000,
            "bottom": "-5px",
            "data": [
                "\u70b91",
                "\u70b92",
                "\u70b93"
            ]
        },
        "xAxis": [
            {
                "show": true,
                "scale": false,
                "nameLocation": "end",
                "nameGap": 15,
                "gridIndex": 0,
                "inverse": false,
                "offset": 0,
                "splitNumber": 5,
                "minInterval": 0,
                "splitLine": {
                    "show": false,
                    "lineStyle": {
                        "width": 1,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid"
                    }
                }
            }
        ],
        "yAxis": [
            {
                "show": true,
                "scale": false,
                "nameLocation": "end",
                "nameGap": 15,
                "gridIndex": 0,
                "inverse": false,
                "offset": 0,
                "splitNumber": 5,
                "minInterval": 0,
                "splitLine": {
                    "show": false,
                    "lineStyle": {
                        "width": 1,
                        "opacity": 1,
                        "curveness": 0,
                        "type": "solid"
                    }
                },
                "data": [
                    "\u4e2d\u56fd",
                    "\u7f8e\u56fd",
                    "\u82f1\u56fd"
                ]
            }
        ]
    },
    "options": [
        {
            "legend": [
                {
                    "data": [
                        "GDP"
                    ],
                    "selected": {
                        "GDP": true
                    }
                }
            ],
            "series": [
                {
                    "data": [
                        30,
                        30,
                        20
                    ]
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "GDP"
                    ],
                    "selected": {
                        "GDP": true
                    }
                }
            ],
            "series": [
                {
                    "data": [
                        50,
                        50,
                        50
                    ]
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "GDP"
                    ],
                    "selected": {
                        "GDP": true
                    }
                }
            ],
            "series": [
                {
                    "data": [
                        70,
                        60,
                        60
                    ]
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        }
    ]
};
        chart_27107230f7fb49a6ae6b42fde25c3029.setOption(option_27107230f7fb49a6ae6b42fde25c3029);
    </script>
</body>
</html>
